<!DOCTYPE HTML>

<html>
    <head>
        <title>¿Qué hacemos hoy?</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.dropotron.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.onvisible.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/skel-layers.min.js"></script>
        <script src="js/init.js"></script>
        <script src="js/prefixfree.min.js"></script>

        <script type="text/javascript" src="engine1/jquery.js"></script>
        <noscript>
        <link rel="stylesheet" href="css/skel.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
        <link rel="stylesheet" href="css/style-noscript.css" />
        <link rel="stylesheet" type="text/css" href="engine1/style1.css" />
        </noscript>

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    </head>
    <body class="homepage">

        <!-- Header -->
        <div id="header">

            <!-- Nav -->
            <nav id="nav">
                <ul>
                    <li><a href="index.html">Inicio</a></li>
                    <li>
                        <a>Categorias</a>
                        <ul>
                            <li><a href="#">Música</a></li>
                            <li><a href="#">Cultural</a></li>
                            <li><a href="#">Infantil</a></li>
                            <li><a href="#">Informativo</a></li>
                            <li><a href="#">Cine</a></li>
                            <li><a href="#">Teatro</a></li>
                            <li><a href="#">Fiesta</a></li>
                        </ul>
                    </li>
                    <li><a href="eventos.html">Buscar Evento</a></li>
                    <li><a href="#">Empresas</a>                       
                        <ul>
                            <li><a href="creaEmpresa.html">Registro Empresa</a></li>
                            <li><a href="creaEvento.html">Crear Evento</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">Iniciar Sesi&oacute;n &hellip;</a>
                        <ul>
                            <li><a href="login3.html">Empresas</a></li>
                            <li><a href="login3.html">Usuarios</a></li>
                        </ul>
                    </li>

                </ul>
            </nav>
            <!-- Inner -->
            <div class="inner">
                <header>
                    <h1><a href="index.html" id="logo">¿Qué hacemos hoy?</a></h1>
                    <hr />
                    <p style="color: #ffffff; font-size: 2em;">Descubre eventos a cualquier hora en cualquier lugar</p>
                </header>
                <footer>
                    <a href="#banner" class="button2 circled scrolly">Vamos!</a>
                </footer>
            </div>
        </div>

        <!-- Banner -->
        <section id="banner">
            <header>
                <h2>Mira los eventos más destacados en <strong>¿Qué hacemos hoy?</strong></h2>

            </header>
        </section>

        <!-- Carousel -->
        <section class="carousel">
            <div class="reel">

                <article>

                    <a href="images/evento1.jpg" class="image featured"><img src="images/evento1.jpg" alt="" /></a>
                    <header>
                        <h3><a href="#event">Titulo del Evento</a></h3>
                    </header>
                    <p>Curso de fotografía del 1 al 3 de Julio</p>							
                </article>

                <article>
                    <a href="#event" class="image featured"><img src="images/evento2.jpg" alt="" /></a>
                    <header>
                        <h3><a href="#event">Fiesta a toda hora</a></h3>
                    </header>
                    <p>Descripci&oacute;n</p>							
                </article>

                <article>
                    <a href="#event" class="image featured"><img src="images/evento3.jpg" alt="" /></a>
                    <header>
                        <h3><a href="#event">HobbieCon</a></h3>
                    </header>
                    <p>Descripci&oacute;n</p>							
                </article>

                <article>
                    <a href="#event" class="image featured"><img src="images/evento4.jpg" alt="" /></a>
                    <header>
                        <h3><a href="#event">Eventos Artisticos</a></h3>
                    </header>
                    <p>Descripci&oacute;n</p>							
                </article>
                <!--funcion administrativa para anadir eventos cuando sea necesario, dinamicamente-->


            </div>
        </section>
        <div class="wrapper style2" id="event">
            <section id="banner">
                <div id="wowslider-container1">
                    <div class="ws_images"><ul>
                            <li><img src="data1/images/thevirginlondonmarathon390x390.jpg" alt="Eventos Deportivos" title="Eventos Deportivos" id="wows1_0"/>Descubre los eventos deportivos cerca de tu ciudad</li>
                            <li><img src="data1/images/lasertag4kids.jpg" alt="Infantiles" title="Infantiles" id="wows1_1"/>Actividades para niños y niñas </li>
                            <li><img src="data1/images/recital.jpg" alt="Eventos Musicales" title="Eventos Musicales" id="wows1_2"/>Descubre los próximos conciertos cerca de tu ciudad</li>
                            <li><a href="#"><img src="data1/images/xxcongtij.jpg" alt="full screen slider" title="Eventos de negocios" /></a>Conferencias, presentaciones,simponsios y más </li>
                            <li><img src="data1/images/v015.jpg" alt="Eventos Culturas" title="Eventos Culturas" id="wows1_4"/>Teatro, musicales, danza, encuentra lo que buscas en eventos culturales</li>
                        </ul></div>
                    <div class="ws_bullets"><div>
                            <a href="#" title="Eventos Deportivos"><img src="data1/tooltips/thevirginlondonmarathon390x390.jpg" alt="Eventos Deportivos"/>1</a>
                            <a href="#" title="Infantiles"><img src="data1/tooltips/lasertag4kids.jpg" alt="Infantiles"/>2</a>
                            <a href="#" title="Eventos Musicales"><img src="data1/tooltips/recital.jpg" alt="Eventos Musicales"/>3</a>
                            <a href="#" title="Eventos de negocios"><img src="data1/tooltips/xxcongtij.jpg" alt="Eventos de negocios"/>4</a>
                            <a href="#" title="Eventos Culturas"><img src="data1/tooltips/v015.jpg" alt="Eventos Culturas"/>5</a>


                        </div>	
                        <script type="text/javascript" src="engine1/wowslider.js"></script>
                        <script type="text/javascript" src="engine1/script.js"></script>
                        </section>
                    </div>

                    <!-- Footer -->
                    <div id="footer">
                        <div class="container">
                            <div class="row">

                            </div>
                        </div>
                    </div>

                    </body>
                    </html>